<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <meta name="google-translate-customization" content="457c7458d78f1fda-c04c9be73e1a028e-g6dbca1555c3b1007-18"></meta>
   <LINK href="style.css" rel="stylesheet" type="text/css">
   <title>Mariachi Casa Feedback</title>
   <style>
      body {
         background-image:url('chips-and-salsa.jpg');
		 background-repeat:no-repeat;
      }
   </style>
</head>

<!-- ------------------------------------------------------------------- -->
<script>
function submit(){
	alert("Thank you for submitting. We are glad to hear from you.");
	//lol that's so funny ^^^^^^^^
}

function rating(stars){
	alert( stars + " stars.");
}

function help(){
	alert("A waiter is on the way to help you.");
	//send a note to the waiters that this tablet needs help
}

function refill(){
	//refill screen popup
	window.open('../refill_page/refillScreen.html','refillWindow','titlebar=no, menubar=no, toolbar=no');
}
</script>
<!-- ------------------------------------------------------------------- -->

<body>

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'es', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT}, 'google_translate_element');
  }
  </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

   <div id="backButton">
      <form action="../home_page/home.php">
      <button class="backButton" onclick="">Back</button>
      </form>
   </div>
   
   <div id="feedback">
      <h1>Feedback</h1>
      Do you have a question, comment, or suggestion for our restaurant?  
	  Leave us some feedback!  At Mariachi Casa, we pride ourselves on our
	  careful attention to our customers' needs.  We invite you to rate your
	  dining experience by clicking one of the stars below, and submit your
	  feedback in the text box provided.
	  <br/><br/><br/><br/>
	  <div id="miserable">Miserable</div>
	  <div id="excellent">Excellent</div>
	  <br/>
	  <img src="oneStar.png" onclick="rating(1)" alt="One Star">
	  <img src="twoStars.png" onclick="rating(2)" alt="Two Stars">
	  <img src="threeStars.png" onclick="rating(3)" alt="Three Stars">
	  <img src="fourStars.png" onclick="rating(4)" alt="Four Stars">
	  <img src="fiveStars.png" onclick="rating(5)" alt="Five Stars">
	  <br/><br/><br/>
	  
	 <form>
         <input type="text" id="comment" maxlength="140" size="140" 
		 value="Type your comment here. (140 characters or less!)"/>
         </form>
	
          <form action="../home_page/home.php">  
	  <button class="menuButton" onclick="submit()">Submit</button>
	  </form>

          <br/><br/><br/>
   </div>


   <div id="pageBottom">
      <button class="footerButton" onclick="help()">Help</button>
	  <button class="footerButton" onclick="refill()">Refill</button>
   </div>
</body>
</html>
